.middle {
	width: 80%;
	margin: 20px auto;
}

.middle ul {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.middle ul li {
	width: 20%;
	height: 260px;
	background: navy;
	border: 1px solid rgb(80, 78, 78);
	border-radius: 15%;
	text-align: center;
	margin: 20px 0px;
	border-radius: 50px;
	transition: 1s;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-ms-transition: 1s;
	-o-transition: 1s;
}

.middle ul li:hover {
	cursor: pointer;
	background: gainsboro;
}

.middle ul li h1 {
	color: red;
}

.middle ul li h2 {
	color: rgb(158, 153, 153);
}
